@import url(common.less);

.icon{
  .bg-size('detail.png',115px,77px);
  .dib(24,24);
}
body{
  .bg-color(#e5e6e7);
}
.brands-top{
  .bg-color(#fff);
  box-shadow:0 0 5px #b3b3b3;
  .tit{
    .ptb();
    margin:0 10px;
    .fz(18);
    .c(#404040);
    .bdb(#ccc);
  }
  .desc{
    .p10;
    .c(#404040);
    .lh(24);
  }
  .description{
    .h(72px);
    .oh;
  }
}
.banner{
  img{
    .wh(100%,117px);
  }
}
.arrow-down-icon{
  background-position:-72px 7px;
}
.share-list{
  padding:5px;
  ul{
    padding:5px;
    .w(50%);
    .fl;
    .box-sizing();
  }
}
.share-item{
  .bd(#bbbbbb);
  box-shadow:0 0 5px #b3b3b3;
  .border-radius(4px);
  .mb(10);
  .fz(12);
  .bg-color(#fff);
  .pic{
    .pr;
  }
  .img{
    .wh(100%,auto);
    min-height:100px;
  }
  .cover{
    .wh(100%,100%);
    .pa();
    .foot{
      .pab();
      .wh(100%,40px);
      .lh(34);
      .cw;
      .pt(20);
    }
  }
  .time{
    .fr;
    .pr(5);
  }
  .tx{
    .wh(30px,30px);
    .border-radius(100%);
    border:2px solid #fff;
    .fl;
    .mr(5);
  }
  .user-info{
    .pl(5);
  }
  .desc{
    .c(#6a6a6a);
    .lh(24);
    .h(48px);
    .oh;
    padding:10px 10px 0;
  }
}
.play-icon{
  .ab-center(77,77);
}
.linear-bg {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.9) 98%, #000 100%);
}
.label-cont{
  padding:0 10px 10px;
  .mt10;
}
.label{
  .mt10;
  span{
    .db;
  }
  .deco{
    .bg-size('label_bg_03.png',10px,20px);
    .wh(10px,20px);
    .fl;
  }
  .words{
    .c(#b6b6b6);
    border:1px solid #bcbcbc;
   border-left:none;
    .dl(18);
    .pl(5);
  }
}